﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="EditAvatar.aspx.cs" Inherits="SonCa.SocialNetwork.Web.Profiles.EditAvatar" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="../css/site.css" type="text/css" rel="stylesheet" />
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:Panel ID="pnlUpload" runat="server" Visible="true">
        <div class="divContainerLarge">
        <fieldset>
            <div class="divContainerTitle">
                Upload avatar</div>
            <table width="100%">
                <tr>
                    <td style="width: 205px;">
                        <div style="width: 200px; height: 200px; border: solid 1px #000000; padding: 5px;">
                        <asp:Image runat="server" ID="imgAvatar" Height="200" Width="200" />
                            <%--Avatars can be displayed as large as 200x200 pixels (<i>the size of this box</i>).
                            It is suggested that you do not upload anything smaller or larger than this, as
                            it might stretch/shrink a bit and not look as nice as you had hoped!--%>
                        </div>
                    </td>
                    <td valign="top">
                        <div style="padding: 5px; float: left;">
                            Avatar:
                        </div>
                        <br />
                        <asp:FileUpload Width="270px" Size="28" ID="fuAvatarUpload" runat="server" />
                        <asp:Button CssClass="SiteButton" ID="btnSubmit" runat="server" OnClick="btnSubmit_Click" Text="Submit" />
                        <p />
                        <table width="100%">
                            <tr>
                                <td style="padding-left: 5px;">
                                    Upload hình ảnh với độ phân giải 200x200 pixel (<i>Xem khung hình ở bên trái</i>) để có hình đẹp nhất.
                                </td>
                            </tr>
                            <tr>
                                <td style="padding: 5px;">
                                    <asp:Label ForeColor="Red" ID="lblMessage" runat="server"></asp:Label>
                                </td>
                            </tr>
                        </table>
                        <p />
                    </td>
                </tr>
            </table>
        </fieldset>
        </div>
    </asp:Panel>
    </div>
    </form>
</body>
</html>
